import React, { Component } from 'react'

export default class Paging extends Component {
    render() {
        let userMessage;
        const { users, isFirst, isLoading, err, current } = this.props;
        if (users.items) {
            userMessage = (
                <nav aria-label="Page navigation">
                    <ul className="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li className="active"><a href="#">{current}</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            )
        }
        return (
            <div>
                {userMessage}
            </div>
        )
    }
}